<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <meta name="robots" content="index, follow" />
    <title>${field.typetitle}</title>
    <meta name="keywords" content="${field.typekeyword}" />
    <meta name="description" content="${field.typedescrip}" />
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="applicable-device" content="pc,mobile" />
    <link href="/{ms:global.style/}css/style.css" rel="stylesheet" />
    <!-- <link href="/{ms:global.style/}css/css.css" rel="stylesheet"/> -->
    <link href="/{ms:global.style/}css/cateringAndBar.css" rel="stylesheet" />
    <link href="/{ms:global.style/}css/common.css" rel="stylesheet" />
    <script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
    <script
      type="text/javascript"
      src="/{ms:global.style/}js/jquery.superslide.2.1.1.js"
    >
      //pc导航
    </script>
    <script
      type="text/javascript"
      src="/{ms:global.style/}js/jquery.bxslider.min.js"
    >
      /*轮显*/
    </script>
    <script src="/{ms:global.style/}js/anim.js">
      //动画
    </script>
    <script
      type="text/javascript"
      src="/{ms:global.style/}js/basic.js"
    ></script>
  </head>

  <body>
    <#include "header.htm" />
    <div class="o_big">
      <img src="{@ms:file field.typelitpic/}" alt="故事在酒里" />
      <div class="desc">
        <h1>故事在酒里</h1>
        <span>${field.typedescrip}</span>
      </div>
    </div>
    <!--正文begin-->
    <div class="wrap">
      <div class="catering_a">
        {ms:channel type='self' }
        <div class="category_title">
          <div class="category_title_c">
            <h2 class="text">
              ${field.typetitle}
              <div class="glass"></div>
            </h2>
            <p class="f24">${field.typeshorttitle}</p>
          </div>
          <div class="category_title_more"></div>
        </div>
        {/ms:channel}
        <div class="catering_c">
          {ms:channel type='self' typeid="1855810685122547714"}
          <div class="content_title content_title1">
            <div class="line"></div>
            <div class="c_title">
              <h2 class="text">${field.typetitle}</h2>
              <img src="{@ms:file field.typelitpic/}" alt="故事在酒里" />
            </div>
          </div>
          {/ms:channel} {ms:channel type='self' typeid="1855810931571462145"}
          <div class="content_title">
            <div class="line"></div>
            <div class="c_title">
              <h2 class="text">${field.typetitle}</h2>
              <img src="{@ms:file field.typelitpic/}" alt="故事在酒里" />
            </div>
          </div>
          {/ms:channel}
        </div>
      </div>
      <div class="catering_a_box">
        <div class="catering_a">
          {ms:channel type='self' typeid="1855884145374957569"}
          <div class="category_title">
            <div class="category_title_c">
              <h2 class="text">
                ${field.typetitle}
                <div class="glass"></div>
              </h2>
              <p class="f24">${field.typeshorttitle}</p>
            </div>
            <a
              class="category_title_more"
              href="{ms:global.html/}${field.typelink}"
              >了解更多 >></a
            >
          </div>
          {/ms:channel}
          <div class="catering_c catering_c_2">
            {ms:arclist typeid="1862323413452656642" size=3}
            <div class="item">
              <a href="{ms:global.html/}${field.link}" title="${field.title}">
                <img src="{@ms:file field.litpic/}" alt="${field.title}" />
                <div class="item_c">
                  <div class="f21">${field.title}</div>
                  <p>{@ms:len field.descrip 60 /}...</p>
                </div>
              </a>
            </div>
            {/ms:arclist}
          </div>
        </div>
      </div>
      <div class="catering_a">
        {ms:channel type='self' typeid="1862322102959149058"}
        <div class="category_title">
          <div class="category_title_c">
            <h2 class="text">
              ${field.typetitle}
              <div class="glass"></div>
            </h2>
            <p class="f24">${field.typeshorttitle}</p>
          </div>
          <a
            class="category_title_more"
            href="{ms:global.html/}${field.typelink}"
            >了解更多 >></a
          >
        </div>
        {/ms:channel}
        <div class="catering_c news_wrap">
          <div class="slider_box">
            <div id="slider">
              <ul class="bxslider">
                {ms:arclist typeid="1855884145374957569" size=4}
                <li>
                  <div class="carousel-img">
                    <a
                      href="{ms:global.html/}${field.link}"
                      title="${field.title}"
                    >
                      <img src="{@ms:file field.litpic/}" width="100%"
                      alt=故事在酒里" />
                      <div class="img_title">${field.title}</div>
                    </a>
                  </div>
                </li>
                {/ms:arclist}
              </ul>
            </div>
            <div class="slider_title"></div>
          </div>
          <script>
            var slider = $(".bxslider").bxSlider({
              mode: "horizontal" /*fade,vertical*/,
              controls: false,
              speed: 500,
              hideControlOnEnd: false,
              pager: true,
              auto: true,
            });
            $(window).resize(function () {
              slider.reloadSlider();
            });
          </script>
          <ul class="newslist">
            {ms:arclist typeid="1855884145374957569" size=4}
            <li class="newslist_item">
              <a href="{ms:global.html/}${field.link}">
                <div class="newslist_item_data">
                  <div class="day">${field.date?string("dd")}</div>
                  <div class="month">${field.date?string("yyyy-MM")}</div>
                </div>
                <div class="newslist_item_c">
                  <div class="newslist_item_c_title">${field.title}</div>
                  <p>{@ms:len field.descrip 60 /}...</p>
                </div>
              </a>
            </li>
            {/ms:arclist}
          </ul>
        </div>
      </div>
      <div class="catering_a catering_a_4">
        {ms:channel type='self' typeid="1856251894181818369"}
        <div class="category_title">
          <div class="category_title_c">
            <h2 class="text">
              ${field.typetitle}
              <div class="glass"></div>
            </h2>
            <p class="f24">${field.typeshorttitle}</p>
          </div>
          <div class="category_title_more"></div>
        </div>
        <div class="catering_c collaborate">
          <img src="{@ms:file field.typelitpic/}" alt="故事在酒里" />
          <div class="desc">
            <div class="text">${field.typedescrip}</div>
            <a class="btn" href="{ms:global.html/}${field.typelink}"
              >加入我们</a
            >
          </div>
        </div>
        {/ms:channel}
      </div>
    </div>
    <!--正文end-->
    <#include "footer.htm" />
    <script language="javascript" src="/{ms:global.style/}js/foot.js"></script>
    <!--尾部end-->
  </body>
</html>
